@import "../config.less";
body{
	background-color: #f5f5f5;
}
.status{
	width: 100%;
	height: 90/@r;
	background-color: #F2B120;
	font-size: 24/@r;
	line-height: 90/@r;
	text-align: center;
	color: #ffffff;
}
.title{
	padding-top: 24/@r;
	padding-bottom: 18/@r;
	font-size: 24/@r;
	color: @grey;
	padding-left: 30/@r;
	padding-right: 30/@r;
}
.address-section{
	height: 154/@r;
	background-color: #ffffff;
	background-image: url("/img/h5/border_bg.png");
	background-repeat: no-repeat;
	background-position: bottom;
	display: flex;
	.address-icon{
		margin-top: 52/@r;
		width: 36/@r;
		height: 44/@r;
		margin-left: 10/@r;
		margin-right: 13/@r;
	}
	.address-text{
		margin-top: 34/@r;
	}
	.address-default{
		font-size: 24/@r;
		margin-top: 62/@r;
		color: @grey;
	}
	.username{
		font-size: 24/@r;
		line-height: 32/@r;
	}
	.address{
		margin-top: 10/@r;
		font-size: 20/@r;
		line-height: 28/@r;
		color: @grey;
	}
}

.order-list{
	background-color: #ffffff;
	.order-item{
		padding: 20/@r;
		height: 160/@r;
		display: flex;
		justify-content: space-between;
		.product-logo{
			width: 160/@r;
			height: 160/@r;
		}
		.order-item-left{
			width: calc(~"100% -"3.6rem);
			height: 160/@r;
			position: relative;
		}
		.product-name{
			font-size: 24/@r;
			line-height: 32/@r;
			height: 64/@r;
			margin-bottom: 18/@r;
		}
		.product-info-text{
			font-size: 20/@r;
			color: @grey;
			line-height: 28/@r;
		}
		.product-price{
			position: absolute;
			right: 0;
			bottom: 38/@r;
			font-size: 24/@r;
			color: #D0021B;
		}
	}
}


.order-section{
	height: 84/@r;
	padding-left: 24/@r;
	padding-right: 26/@r;
	background-color: @white;
	border-top: 1/@r solid #E1E1E1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	.order-section-left{
		font-size: 28/@r;
	}
	.order-section-right{
		font-size: 28/@r;
		color: #D0021B;
	}
}



.summarize{
	margin-top: 32/@r;
	background-color: @white;
	padding-top: 14/@r;
	padding-bottom: 14/@r;
	padding-left: 30/@r;
	padding-right: 30/@r;
	p{
		font-size: 24/@r;
		color: @grey;
		line-height: 32/@r;
	}
}




.btn-group{
	position: fixed;
	bottom: 0;
	width: 100%;
	display: flex;
	.btn{
		width: 50%;
		height: 100/@r;
		font-size: 28/@r;
		text-align: center;
		line-height: 100/@r;
		box-sizing: border-box;
	}
	.btn-left{
		border: 2/@r solid @blue;
		border-right: 0;
		border-right: none;
		color: @blue;
	}
	.btn-right{
		background-color: @blue;
		color: #ffffff;
	}
}






